<template>
<!--  <img alt="Vue logo" src="./assets/logo.png">-->
  <div id="app">
    <router-view></router-view>

    <el-main>

<!--      <div>主页</div>-->

    </el-main>
  </div>

</template>

<script>
import cardtest from "@/views/cardtest";
import Home from './views/Home';
// import Menu from './views/sys/Menu'
// import Role from './views/sys/Role'
// import User from './views/sys/User'
// import SideMenu from './views/inc/SideMenu'
import { onMounted, ref, watch ,nextTick,provide,} from "vue";

export default {
  name: 'App',
  components: {
    cardtest,
    Home,
    // User,
    // Role,
    // Menu,
    // SideMenu,
    // component: () => import('./views/Home'),
  },
  // watch: {
  //   $route(to, from) {
  //     if (to.path != '/login') {
  //       let obj = {
  //         name: to.name,
  //         title: to.meta.title
  //       }
  //       console.log("obj = ", obj);
  //       this.$store.commit("addTab", obj);
  //     }
  //   }};


  mounted() {

  }

  // mounted(){
  //   // 关闭浏览器窗口的时候清空浏览器缓存在localStorage的数据
  //   window.onbeforeunload = function (e) {
  //     const storage = window.localStorage;
  //     storage.clear()
  //   }
  // }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 0px;
  margin-bottom: 0px;
  /*padding: 0;*/
  /*margin: 0;*/
}


/*#building{*/
/*  !*background:url("../image/ice.jpg");*!*/
/*  width:100%;*/
/*  height:100%;*/
/*  position:center;*/
/*  background-size:100% 100%;*/

/*}*/

/*font-family: Avenir, Helvetica, Arial, sans-serif;*/
  /*字体*/
  /*-webkit-font-smoothing: antialiased;*/
  /*文字抗锯齿*/
  /*-moz-osx-font-smoothing: grayscale;*/
  /*非标准渲染规则*/
  /*text-align: center;*/
  /*text-align用来设置元素中的的文本对齐方式*/
  /*color: #2c3e50;*/
  /*margin-top: 60px;*/
  /*外边距*/

body{
  margin:0;
  padding:0;
  border:0
}

</style>
